<template>
  <y-choose-time 
  @startChange="startChange" 
  @endChange="endChange"
  :startOptions="startOptions"
  ></y-choose-time>
  <br>
  <y-choose-date @startChange="startDateChange" @endChange="endDateChange"></y-choose-date>
</template>

<script setup lang="ts">

  let startOptions = {
    // size: 'large',
    // editable: false
  }
  
  const startChange = (val: string) => {
    console.log(val);
    
  }

  const endChange = (val: object) => {
    console.log(val);
    
  }

  const startDateChange = (val: Date) => {
    console.log(val);
    
  }

  const endDateChange = (val: Object) => {
    console.log(val);
  }
</script>

<style scoped>
</style>
